<template>
	<view class="title">
		<view class="text">
			{{title}}
		</view>
		<view class="close_box">
			<uni-icons type="closeempty" font-size='16px'
				color="#979797" @click="close"></uni-icons>
		</view>
		
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				default:'',
				type:String
			}
		},
		methods: {
			close() {
				this.$emit('close')
			}
		}
	}
</script>

<style scoped>
	.close_box{
		width: 40rpx;
		height: 40rpx;
		position: absolute;top: 48rpx;right: 30rpx;
	}
	.title {
		width: 100%;
		text-align: center;
		font-size: 36rpx;
		line-height: 50rpx;
		font-weight: 500;
	}
</style>
